<template>
  <el-col :span="12">
    <h5 class="mb-2">不想写的作业系统</h5>
    <el-menu
      active-text-color="#ffd04b"
      background-color="#DCE2F1"
      class="el-menu-vertical-demo"
      default-active="2"
      text-color="black"
      @open="handleOpen"
      @close="handleClose"
      router
    >
      <el-sub-menu index="1">
        <template #title>
          <el-icon>
            <location />
          </el-icon>
          <span>首页</span>
        </template>
      </el-sub-menu>

      <el-sub-menu index="2">
        <template #title>
          <el-icon>
            <location />
          </el-icon>
          <span>管理员系统</span>
        </template>
        <el-menu-item index="accountList">管理员列表</el-menu-item>
        <el-menu-item index="/addusers">添加管理员</el-menu-item>
      </el-sub-menu>
    </el-menu>
  </el-col>
</template>

<script setup lang="ts">
const handleOpen = () => {};
const handleClose = () => {};
</script>

<style scoped>
.el-col-12 {
  max-width: 100%;
}

.mb-2 {
  font-size: 20px;
  text-align: center;
  line-height: 40px;
}
</style>
